<template>

    <div id="app">
        <el-carousel @click.native="go" style="margin-top: 1px;cursor: pointer" :interval="4000" arrow="always"
                     height="409px">
            <el-carousel-item style="height: 409px;" v-for="(item, index) in banner" :key="index">
                <el-image style=" height: 100%;width: 100%;" :src="item"></el-image>
            </el-carousel-item>
        </el-carousel>
        <div style="margin-top: 50px">
            <el-divider content-position="center"><span style="font-size: 20px;font-weight: bold">历史活动</span>
            </el-divider>
        </div>

        <el-row style="margin-top: 1px" :gutter="20">
            <el-col :offset="1" v-for="(index,key) in zysq" :key="key" :span="7">
                <!--  {{item.id}}-->
                <el-card id="item" shadow="never" style="margin-top: 30px" @click.native="togoodsinfo(index.id)">
                    <el-image style="width: 200px" :src="index.img" lazy></el-image>
                    <div style="margin-top:20px;">
                        <h4 style="color: #000;font-weight: 500;font-size: 18px">{{index.title}}</h4>
                        <span style="color: #4d4d4d">{{index.content}}</span>
                        <h4 style="color: #4d4d4d;font-weight: 500;font-size: 15px">创建时间：{{index.ctime}}</h4>

                    </div>
                </el-card>
            </el-col>
        </el-row>


    </div>
</template>

<script>
    export default {
        name: "ShowStyle",
        data() {
            return {
                banner: [
                    'http://jmva.jiangmen.cn/images/p1_1.png',
                    'http://jmva.jiangmen.cn/images/p4_1.png',
                    'http://jmva.jiangmen.cn/images/p8_1.png',
                    'http://jmva.jiangmen.cn/images/p2_1.png',
                    'http://jmva.jiangmen.cn/images/p3_1.jpg',
                    'http://jmva.jiangmen.cn/images/p7_1.jpg',
                    // '',
                ], zysq: [
                    {
                        id: 1,
                        img: 'http://jmva.jiangmen.cn/upload/attachment/206/20161121103214_988.jpg',
                        title: '五邑大学智能制造学部',
                        zmrs: 20,
                        bmrs: 10,
                        day: 10,
                        ctime: '1999年6月1日',
                        content: '为爱而生，给世界带来温暖，非常有爱的一个社区',
                    }, {
                        id: 2,
                        img: 'http://jmva.jiangmen.cn/upload/attachment/206/20181212125558_894.jpg',
                        title: '五邑大学智能制造学部',
                        zmrs: 20,
                        bmrs: 10,
                        day: 10,
                        ctime: '1999年6月1日',
                        content: '为爱而生，给世界带来温暖，非常有爱的一个社区',
                    }, {
                        id: 3,
                        img: 'http://jmva.jiangmen.cn/upload/attachment/206/20161121210634_323.jpg',
                        title: '五邑大学智能制造学部',
                        zmrs: 20,
                        bmrs: 10,
                        day: 10,
                        ctime: '1999年6月1日',
                        content: '为爱而生，给世界带来温暖，非常有爱的一个社区',
                    }, {
                        id: 1,
                        img: 'http://jmva.jiangmen.cn/upload/attachment/206/20161121103214_988.jpg',
                        title: '五邑大学智能制造学部',
                        zmrs: 20,
                        bmrs: 10,
                        day: 10,
                        ctime: '1999年6月1日',
                        content: '为爱而生，给世界带来温暖，非常有爱的一个社区',
                    }, {
                        id: 2,
                        img: 'http://jmva.jiangmen.cn/upload/attachment/206/20181212125558_894.jpg',
                        title: '五邑大学智能制造学部',
                        zmrs: 20,
                        bmrs: 10,
                        day: 10,
                        ctime: '1999年6月1日',
                        content: '为爱而生，给世界带来温暖，非常有爱的一个社区',
                    }, {
                        id: 3,
                        img: 'http://jmva.jiangmen.cn/upload/attachment/206/20161121210634_323.jpg',
                        title: '五邑大学智能制造学部',
                        zmrs: 20,
                        bmrs: 10,
                        day: 10,
                        ctime: '1999年6月1日',
                        content: '为爱而生，给世界带来温暖，非常有爱的一个社区',
                    },
                ],
            }
        },
        created() {

        },
        mounted() {

        },
        methods: {},
        beforeDestroy() {

        },
        props: {},
        computed: {//计算属性

        },
    }
</script>

<style scoped>

</style>
